<template>
	<div>
		<router-link to="/">Home</router-link>
		|<router-link to="/about">About</router-link>
		
		|<router-link :to="`/${prefix}/first-child/empty`">FirstChildDmpty</router-link>
		|<router-link :to="`/${prefix}/first-child/home`">FirstChildHome</router-link>
		|<router-link :to="`/${prefix}/first-child/about`">FirstChildAbout</router-link>
		
		|<router-link :to="`/${prefix}/second-child/dashboard`">SecondChildDashboard</router-link>
		|<router-link :to="`/${prefix}/second-child/about`">SecondChildAbout</router-link>
		|<router-link :to="`/${prefix}/second-child/settings`">SecondChildSettings</router-link>
	</div>
</template>

<script setup>
	import {CHILD_PREFIX} from '@/micro/config.js'
	import { computed, ref } from 'vue'
	let prefix = ref(CHILD_PREFIX)
</script>

<style>
</style>